<template>
  <div>
    <span
      v-for="(item, index) in props.data.list"
      :key="index"
      :style="{
        borderBottom: item.border ? '1px solid #211715' : 'none',
        padding: item.border ? '0 10px 3px' : '0'
      }"
    >
      {{ item.value }}</span
    >
  </div>
</template>

<script setup lang="ts">
import type { IDiyBase } from '@/diy/types'
import { watch } from 'vue'

const props = defineProps<IDiyBase>()

const emit = defineEmits(['update'])
watch(
  () => props.data.list,
  () => {
    emit('update')
  },
  {
    deep: true,
    immediate: true
  }
)
</script>
